import { reactive } from 'vue';

export const topicColumns = [
  {
    key: 'topicName',
    title: '主题名称',
    dataIndex: 'topicName',
  },
  {
    key: 'topicUrn',
    title: '主题URN',
    dataIndex: 'topicUrn',
  },
  {
    key: 'displayName',
    title: '显示名',
    dataIndex: 'displayName',
  },
  {
    key: 'operation',
    title: '操作',
    dataIndex: 'operation',
  },
];

export const form = reactive({
  topicName: '',
  displayName: '',
  topicUrn: '',
});

export const detailsColumns = [
  {
    key: 'subUrn',
    title: '订阅URN',
    dataIndex: 'subUrn',
    width: '30%',
  },
  {
    key: 'protocol',
    title: '订阅协议',
    dataIndex: 'protocol',
  },
  {
    key: 'endpoint',
    title: '终端',
    dataIndex: 'endpoint',
  },
  {
    key: 'remark',
    title: '备注',
    dataIndex: 'remark',
  },
  {
    key: 'topicUrn',
    title: '订阅主题URN',
    dataIndex: 'topicUrn',
  },
  {
    key: 'topicName',
    title: '订阅主题名',
    dataIndex: 'topicName',
  },
  {
    key: 'status',
    title: '订阅状态',
    dataIndex: 'status',
  },
  {
    key: 'operation',
    title: '操作',
    width: '10%',
    dataIndex: 'operation',
  },
];
